<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
</head>
<body>
	<!-- 这个跳转相当于一个BOM操作 -->
	<a href="http://www.baidu.com">跳转</a>
	<!-- 跳转之后，产生历史记录的 -->
	<button onclick="location.assign('http://www.baidu.com')">assign跳转后，产生历史记录</button>
	<button onclick="location.replace('http://www.baidu.com')">assign跳转后，不产生历史记录</button>
	<!-- 刷新操作 也是BOM操作-->
	<button onclick="location.reload()">刷新</button>
	<button onclick="window.location.reload()">刷新2</button>

	<button class="btn">aaaa</button>
	<script type="text/javascript">
		/*
			在BOM操作中 使用的时候window可以省略
			location.assign() 在当前窗口可以跳转页面，并产生历史记录
			location.replace() 在当前窗口可以跳转页面，不产生历史记录

			location.reload() 重载 相当于刷新
		*/
		console.log(window.location)

		console.log(location.href)  //URL地址
		console.log(location.host) //主机号+端口号 //运行在服务器中的时候才会显示

		console.log(location.hostname) //主机域名 在本地的时候 127.0.0.1
		console.log(location.port) //获取端口号
		console.log(location.protocol) //返回使用的协议类型 http https

		var btn = document.querySelector('.btn')
		btn.onclick = function(){
			location.href = "02加载事件.html?id=10&name=张三"
		}
	</script>
</body>
</html>